<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分享</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/share.css">
</head>

<body>
    <div class="container">
        <div class="shade">
            <div class="share_shade_fx">
                <h3>分享到</h3>
                <div class="grid">
                    <div>
                        <a href="#"><img width="50" src="images/particulars/Wechat_friends.png" alt=""></a>
                        <p>微信好友</p>
                    </div>
                    <div>
                        <a href="#"><img width="50" src="images/particulars/Moments.png" alt=""></a>
                        <p>朋友圈</p>
                    </div>
                    <div>
                        <a href="#"><img width="50" src="images/particulars/QQ_friend.png" alt=""></a>
                        <p>QQ好友</p>
                    </div>
                    <div>
                        <a href="#"><img width="50" src="images/particulars/space.png" alt=""></a>
                        <p>QQ空间</p>
                    </div>
                    <div>
                        <a href="#"><img width="50" src="images/particulars/Sina_microblog.png" alt=""></a>
                        <p>新浪微博</p>
                    </div>
                    <div>
                        <a href="#"><img width="50" src="images/particulars/copy_link.png" alt=""></a>
                        <p>复制链接</p>
                    </div>
                </div>
                <h3><a href="#">取消</a></h3>
            </div>
        </div>

        <header>
            <a href="#"><img src="images/particulars/left_arrow.png" alt="" height="20"></a>
            <h1>商品详情</h1>
            <a href="#"><img src="images/particulars/share.png" alt="" height="20"></a>
        </header>
        <div class="wrap">
            <div class="banner">
                <ul>
                    <li><img src="images/particulars/xq_banner1.png" alt=""></li>
                </ul>
                <ol>
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
            <div class="text_content">
                <p class="price">¥<span>98.9</span></p>
                <div class="title">
                    <p>依泉润唇膏套装 保湿滋润补水物色防干裂 唇部护理唇膜淡化唇纹</p>
                    <img src="images/particulars/lingquan.png" alt="">
                    <a href="#"><span>领券 &gt;</span></a>
                </div>
                <div class="line"></div>
                <div class="expressage">
                    <p>快递<span class="nbsp">:</span>免运费</p>
                    <p>月销<span class="nbsp">:</span>2</p>
                </div>
                <div class="line"></div>
                <div class="site">
                    <p><span>选择</span>配送至:温州市，已选:“8g/ml”</p><img height="14" src="images/particulars/right_arrow.png"
                        alt="">
                </div>
                <div class="line"></div>
                <div class="news">
                    <div class="title">
                        <span></span>
                        <h3>商品信息</h3>
                    </div>

                    <div class="txt">
                        <p>品牌</p>
                        <p>依泉</p>
                        <p>产地</p>
                        <p>法国</p>
                        <p>保质期</p>
                        <p>3年</p>
                        <p>功效</p>
                        <p>减淡唇纹、淡化唇色、保湿、滋润、润唇</p>
                    </div>
                </div>
            </div>
            <div class="text_content text_content2">
                <div class="header">
                    <div class="line"></div>
                    <h2>商品详情</h2>
                    <div class="line"></div>
                </div>
                <div class="main_img">
                    <img src="images/particulars/detail_page.png" alt="">
                </div>
            </div>
            <div class="text_content text_content2">
                <div class="header">
                    <div class="line"></div>
                    <h2>猜你喜欢</h2>
                    <div class="line"></div>
                </div>
                <ul class="cnxh">
                    <li>
                        <div class="img">
                            <img src="images/particulars/cnxh01.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>依泉水漾修护润手霜30ml牛油果保湿滋润肉能肌肤</p>
                            <p class="foot">
                                <span>
                                    <i>¥</i>
                                    <em class="price">48.0</em>
                                </span>
                                <span>点击查看&gt;</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="images/particulars/cnxh01.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>依泉水漾修护润手霜30ml牛油果保湿滋润肉能肌肤</p>
                            <p class="foot">
                                <span>
                                    <i>¥</i>
                                    <em class="price">48.0</em>
                                </span>
                                <span>点击查看&gt;</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="images/particulars/cnxh01.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>依泉水漾修护润手霜30ml牛油果保湿滋润肉能肌肤</p>
                            <p class="foot">
                                <span>
                                    <i>¥</i>
                                    <em class="price">48.0</em>
                                </span>
                                <span>点击查看&gt;</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="images/particulars/cnxh01.jpg" alt="">
                        </div>
                        <div class="text">
                            <p>依泉水漾修护润手霜30ml牛油果保湿滋润肉能肌肤</p>
                            <p class="foot">
                                <span>
                                    <i>¥</i>
                                    <em class="price">48.0</em>
                                </span>
                                <span>点击查看&gt;</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <footer>
                <div class="left">
                    <div>
                        <img src="images/particulars/kf.png" alt="">
                        <a href="#"><span>客服</span></a>
                    </div>
                    <div>
                        <img src="images/particulars/sc.png" alt="">
                        <a href="#"><span>收藏</span></a>
                    </div>


                </div>
                <div class="right">
                    <button>加入购物车</button>
                    <button>立即购买</button>
                </div>
            </footer>
        </div>

    </div>
</body>

</html>